﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    
    font-size: 18px;
    font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
    color:#000;
    margin: 0;
    padding: 0;
}
div{display:block;}
table{padding:0;margin:0;border-spacing:0;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#page{width:100%;height:100%;}
#toolbar{height:80px;background:#4ebff4;width:100%;}
#home{width:128px;height:78px;background:#0f2637;color:White;font-size:26px;font-weight:bold;}
.corner_left{-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.corner_right{-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#go{width:70px;}
#go div{width:60px;height:54px;background:#34a6dc;border:1px solid #329ed1;}
#command_line{height:50px;width:100%;}
.bar_button{width:64px;height:54px;background:#34a6dc;border:1px solid #329ed1;display:block;float:left;}
td.btn{width:320px;}

#location{height:50px;margin-top:20px;font-size:18px;color:White;}
#location .frist{background:#26426a;width:128px;}
#location .item{background:#365d98;border-right:1px solid #26426a;padding-left:20px;width:200px;}

#table{max-width:100%;overflow: hidden;position: relative;z-index: 1;min-height:300px;}
#table_container{width:10000px;min-height:300px;position:absolute;left:0;top:0;}
.table_item{float:left;}
.table_item_inner img,.f_tbl_items img{width:120px;height:100px;}
.table_item_inner td,.f_tbl_items td{width:160px;height:120px;}
.item_detail{width:120px;height:100px;}

#detail_container{width:100%;height:100%;position:absolute;left:0;top:0;background:#fff;z-index:996;display:none;}
#detail_data{min-width:820px;height:300px;float:left;border:1px solid #A6A4A4;}

#dtl_top_menu{width:100%;height:40px;background:#d8d8d8;}
#dtl_top_menu span.btn{min-width:80px;height:30px;display:block;float:left;padding-top:10px;padding-left:40px;}
#btn_new{background:url('/Content/Themes/Fontend/Images/Buttons/New.png') 0 8px no-repeat;}
#btn_save{background:url('/Content/Themes/Fontend/Images/Buttons/save_all.png') 0 8px no-repeat;}
#btn_print{background:url('/Content/Themes/Fontend/Images/Buttons/printer.png') 0 6px no-repeat;width:120px;}
#btn_del{background:url('/Content/Themes/Fontend/Images/Buttons/remove.png') 0 6px no-repeat;}
#btn_home{background:url('/Content/Themes/Fontend/Images/Buttons/home.png') 0 6px no-repeat;}
#btn_sprint{background:url('/Content/Themes/Fontend/Images/Buttons/s_printer.png') 0 6px no-repeat;display:block;height:26px;padding-top:6px;padding-left:24px;}
#dtl_group{width:100%;height:26px;background:#E3E2E2;border-top:1px solid #C3C2C2;padding-top:4px;}
#dtl_summary{width:100%;height:200px;}

#detail_left_menu{width:600px;height:100%;background:#ccc;position:absolute;top:0;right:0;}
#lf_top{width:100%;height:40px;background:#000033;color:#fff;}
#lf_body{width:100%;min-height:200px;background:#006666;}
#lf_body_container{height:98%;width:1300px;overflow:hidden;position:absolute;top:40px;left:0;}
#lf_menu{width:600px;height:100%;}
#lf_grp_split{width:600px;height:100%;float:left;}
#lf_menu_grp{height:100%;width:100%;overflow:scroll;background:#d8d8d8;}
.lf_menu_grp_item{width:100%;height:60px;}
.lf_menu_grp_item:hover{background:#ccc;}
#lf_menu_detail{height:100%;width:420px;float:left;}
#menu_detail_item{width:100%;height:100%;overflow:scroll;}
#qty_change{width:240px;height:100px;display: table; background:#CC6633;padding-left:20px;padding-top:20px;display:none;}

#qty_change input[type=button]{width:60px;height:40px;font-size:28px;font-weight:bold;float:left;}
#qty_change_input{width:200px;height:100%;float:left;}

#group_split_table{width:36px;height:32px;float:right;
background:url('/Content/Themes/Fontend/Images/grp_split.png') no-repeat;}
#find_tbl_container{width:820px;height:500px;background:#fff;display:none;overflow:scroll;}
#f_tbl_loctaion{width:100%;height:40px;background:#ccc;}
#tbl_f_loaction{height:100%;float:left;}
.f_tbl_items{width:800px;display:none;}
.tbl_item_name{display:block;position:absolute;margin-top:-90px;margin-left:40px;width:40px;text-align:center;}

/*tbl_ms: table merge or split detail*/
#tbl_ms_detail{width:800px;height:500px;display:none;background:#fff;}
#tbl_ms_dtl_tbl{width:120px;height:100%;float:left;}
#tbl_ms_dtl_ctx{width:670px;height:100%;float:left;}
#tbl_ms_dtl_tbl_f{width:100%;}
#tbl_ms_dtl_tbl_t{width:100%;}
#tbl_ms_dtl_tbl_f span,#tbl_ms_dtl_tbl_t span,.item_detail span{display:block;position:absolute;margin-left:40px;margin-top:-90px;width:40px;text-align:center;font-weight:bold;}

.radio{height:24px;width:24px;display:block;float:left;}
.rdo_normal{background:url('/Content/Themes/Fontend/Images/tick.png') 0 0 no-repeat;}
.rdo_checked{background:url('/Content/Themes/Fontend/Images/tick.png') -25px 0 no-repeat;}
.radio_text{padding-left:20px;}
#tbl_ms_dtl_op1,#tbl_ms_dtl_op2,#tbl_ms_dtl_op3{max-width:400px;height:64px;float:left;padding-left:20px;}
#tbl_ms_dtl_op1 p,#tbl_ms_dtl_op2 p,#tbl_ms_dtl_op3 p{-webkit-margin-before:10px;-webkit-margin-after:10px;}

#tbl_ms_dtl_ops{width:100%;height:70px;}
#tbl_ms_dtl_menu{width:100%;height:200px;}

#Clear
{
    clear:both
 }
footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}




/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/



.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }